<template>
  <div style="position: relative;">
      <cu-header :height="80" class="chat-header"/>
      <!-- 广告图片 -->
      <div class="bg-out">
          <div class="inner">
            <p>Destaques<br /></p>
            Todos os utilizadores - sejam particulares e/ou empresas têm a possibilidade de destacar os seus anúncios e/ou empresas no Vivebo. O carregamento mínimo é 1,000KZ e o saldo é 100% convertível para uso nos destaques previstos no portal.<br />
            <p class="attention">Destaque na homepage do portal<br /></p>
            
            <div style="margin-top:20px;width:80%;text-align:center">
              <img :src="require('@/assets/images/dest_homepage.jpg')" alt="">
            </div>
            O seu anúncio irá aparecer na página de entrada do portal Vivebo.<br />
             <p class="attention">Destaque para o topo<br /></p>
            
            <div style="margin-top:20px;width:80%;text-align:center">
              <img :src="require('@/assets/images/tops.jpg')" alt="">
            </div>
            Ao comprar este destaque, o anúncio é colocado automaticamente no topo das listagens, indo descendo à medida que o mesmo destaque é associado a outros anúncios da mesma categoria. Este é um destaque instantâneo, sendo cobrado um valor mais baixo que qualquer outro destaque.<br />
             <p class="attention">Anúncio no topo<br /></p>
            
            <div style="margin-top:20px;width:80%;text-align:center">
              <img :src="require('@/assets/images/tops.jpg')" alt="">
            </div>
            Ao comprar este destaque, o anúncio aparece sempre no topo das listagens, sendo que aparece de ordem aleatória entre os anúncios com o mesmo destaque.<br /><br /><br />

            <router-link to="/register" style="color:#fb8c24">Quer destacar o seu anuncio? Crie o seu registo.</router-link>
           <br /><br />
            www.vivebo.com<br />
            Venda tudo que quer | Compre tudo que precisa<br />
            Maior Plataforma de Classificados de anúncios grátis de Angola<br />
          </div>

      </div>

  </div>
</template>
<script>
import CuHeader from '@/components/header/index';

export default {
  name: '',
  components:{CuHeader},
  data() {
    return {

    };
  },
  created() {

  },
  methods: {

  },
};
</script>
<style lang="scss" scoped>
.bg-out{
    background-color: #f2f2f2;
    width: 100%;
    padding-top: 120px;
    padding-bottom: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.chat-header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
}
.inner{
  width:50%;
  text-align:center;
  background-color: #fff;
  padding:30px 40px;
  line-height: 28px;
  text-align: left;
  color: #595959;
  p{
    text-align: center;
    color: #595959;
    font-weight: 900;
    font-size: 18px;
    span{
      letter-spacing: 2px;
    }
  }
  .attention{
    text-align: left;
  }
}
</style>
